<template>
 
      <!-- 导航栏的布局 -->
 
    <!-- 导航栏的滚动条 -->
  
 <el-scrollbar style="heigth:100%">
    <el-menu
      default-active="2"
      class="el-menu-vertical-demo"
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b"
      router 
      unique-opened
      :collapse="collapse" 
      :collapse-transition="false"
      
      >
      <navbar-item :menus="menus"></navbar-item>
    </el-menu>

  </el-scrollbar>
</template>

<script>
import NavbarItem from "./NavbarItem.vue";

export default {
       components:{
           NavbarItem,
       },
       props:{
           menus:{
               type:Array,
               reuqire:true,
           },
           collapse:{
               type:Boolean,
               default:false
           }
       },
}
</script>

<style scoped>

.el-meun{
    height: 100vh;
    border-right: none;
}

</style>